<template>
	<div class="global-empty">
		<div class="empty-context">
			<img src="@/static/picture/empty.png" alt="" />
			<text>暂无数据</text>
		</div>
	</div>
</template>

<script lang="ts" setup>
import {} from "vue";
</script>

<style scoped lang="scss">
.empty-context {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	& > img {
		width: 200px;
		height: 200px;
	}
	& > text {
		font-size: $uni-font-size-sm;
		color: $uni-text-color-grey;
		padding-left: 12px;
	}
}
</style>
